{% extends 'dir/basic.html' %}

{% block title %} blog - 博客 {% endblock %}

{% block blog %}"box active"{% endblock %}

{% block body %}
    <link rel="stylesheet" href="{{ url_for('static', filename='CSS/blog/blog.css') }}">
    <div class="blog-container">
        <!-- 使用 Jinja2 的 block 定义内容区域 -->

            <!-- 文章列表 -->
            {% for post in posts %}
            <article class="post-card">
                <h2 class="post-title">{{ post.title }}</h2>

                <div class="post-meta">
                    <time datetime="{{ post.date }}">{{ post.date|datetimeformat }}</time>
                    • 作者：{{ post.author }}
                </div>

                <div class="post-content">
                    {{ post.content|truncate(200) }}
                </div>

                {% if post.tags %}
                <div class="tags-container">
                    {% for tag in post.tags %}
                    <a href="/tag/{{ tag }}" class="tag">#{{ tag }}</a>
                    {% endfor %}
                </div>
                {% endif %}

                <a href="/post/{{ post.slug }}" class="read-more">阅读更多 →</a>
            </article>
            {% endfor %}

    </div>
{% endblock %}